<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>服务指南</title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/jieru.css" />
	</head>

	<body>
		<!-- start header -->
		<header>
			<div class="top center">
				<div class="left fl">

				</div>
				<div class="right fr">
					<div class="gouwuche fr">
						<a href="./dingdanzhongxin.html">我的订单</a>
					</div>
					<div class="fr">
						<ul>
							<li>
								<a href="./login.html" target="_blank">登录</a>
							</li>
							<li>|</li>
							<li>
								<a href="./register.html" target="_blank">注册</a>
							</li>
							<li>|</li>
							<li>
								<a href="#top">个人中心</a>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
		</header>
		<!--end header -->
		<!-- start banner_x -->
		<div id="banner_x">
			<div class="banner_x center">
				<a href="./index.html" target="_blank">
					<div class="logo fl"></div>
				</a>
				<div class="nav fl">
					<ul>
						<li>
							<a href="">道恩仪器</a>
						</li>
						<li>
							<a href="">道恩</a>
						</li>
						<li>
							<a href="">显微镜</a>
						</li>
						<li>
							<a href="">道恩仪器</a>
						</li>
						<li>
							<a href="">道恩</a>
						</li>
						<li>
							<a href="">显微镜</a>
						</li>
						<li>
							<a href="">道恩仪器</a>
						</li>
						<li>
							<a href="">道恩</a>
						</li>

					</ul>
				</div>
				<div class="search fr">
					<form action="" method="post">
						<div class="text fl">
							<input type="text" class="shuru" placeholder="小米6&nbsp;小米MIX现货">
						</div>
						<div class="submit fl">
							<img src="image/fang.png" />
						</div>
						<div class="clear"></div>
					</form>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!-- end banner_x -->
		<!--中部的内容-->
		<div class="main">
			<div class="left">
				<img src="image/succec.png"/>
				<div>
					<h1>已成功加入购物车！</h1>
					<p>医用显微镜</p>
				</div>
			</div>
			<div class="right">
				<button>返回上一级</button>
				<button class="color">去购物车结算</button>
			</div>
		</div>
		<!-- start danpin -->
		<div id="center" class="danpin center">
			<div class="biaoti">买购物车中商品的人还买了</div>
			<div class="main center">
				<div class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_mingxing">
						<a href="./xiangqing.html" target="_blank"><img src="./image/liebiao_xiaomi6.jpg" alt=""></a>
					</div>
					<div class="pinpai">
						<a href="./xiangqing.html" target="_blank">小米6</a>
					</div>
					<div class="youhui">5.16早10点开售</div>
					<div class="jiage">2499.00元</div>
				</div>
				<div class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_mingxing">
						<a href=""><img src="./image/liebiao_xiaomi5c.jpg" alt=""></a>
					</div>
					<div class="pinpai">
						<a href="">小米手机5c</a>
					</div>
					<div class="youhui">搭载澎湃S1 八核高性能处理器</div>
					<div class="jiage">1499.00元</div>
				</div>
				<div class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_mingxing">
						<a href=""><img src="./image/liebiao_xiaomint2.jpg" alt=""></a>
					</div>
					<div class="pinpai">
						<a href="">小米Note 2</a>
					</div>
					<div class="youhui">5月9日-20日 小米Note 2 享花呗12期分期免息</div>
					<div class="jiage">2799.00元</div>
				</div>
				<div class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_mingxing">
						<a href=""><img src="./image/liebiao_xiaomimix.jpg" alt=""></a>
					</div>
					<div class="pinpai">
						<a href="">小米MIX</a>
					</div>
					<div class="youhui">5月9日-20日小米MIX 享花呗12期分期免息</div>
					<div class="jiage">3499.00元</div>
				</div>
				<div class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_mingxing">
						<a href=""><img src="./image/liebiao_xiaomi5s.jpg" alt=""></a>
					</div>
					<div class="pinpai">
						<a href="">小米5s</a>
					</div>
					<div class="youhui">“暗夜之眼”超感光相机 / 无孔式超声波</div>
					<div class="jiage">1999.00元</div>
				</div>
			</div>
			<div class="biaoti">买购物车中商品的人还看了</div>
			<div class="main center">
				<div class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_mingxing">
						<a href=""><img src="./image/liebiao_xiaomi5.jpg" alt=""></a>
					</div>
					<div class="pinpai">
						<a href="">小米手机5</a>
					</div>
					<div class="youhui">骁龙820处理器 / UFS 2.0 闪存</div>
					<div class="jiage">1799.00元</div>
				</div>
				<div class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_mingxing">
						<a href=""><img src="./image/liebiao_hongmin4.jpg" alt=""></a>
					</div>
					<div class="pinpai">
						<a href="">红米Note 4</a>
					</div>
					<div class="youhui">十核旗舰处理器 / 全金属一体化机身 </div>
					<div class="jiage">1399.00元</div>
				</div>
				<div class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_mingxing">
						<a href=""><img src="./image/pinpai3.png" alt=""></a>
					</div>
					<div class="pinpai">
						<a href="">小米手机5 64GB</a>
					</div>
					<div class="youhui">5月9日-10日，下单立减100元</div>
					<div class="jiage">1799元</div>
				</div>
				<div class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_mingxing">
						<a href=""><img src="./image/liebiao_hongmin42.jpg" alt=""></a>
					</div>
					<div class="pinpai">
						<a href="">红米4</a>
					</div>
					<div class="youhui">2.5D 玻璃，金属一体化机身</div>
					<div class="jiage">999.00元</div>
				</div>
				<div class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_mingxing">
						<a href=""><img src="./image/liebiao_hongmin4x.jpg" alt=""></a>
					</div>
					<div class="pinpai">
						<a href="">红米Note 4X 全网通版</a>
					</div>
					<div class="youhui">多彩金属 / 4100mAh 超长续航</div>
					<div class="jiage">1299.00元</div>
				</div>
			</div>
		</div>
		<!--end footer -->
		<div class="foot">
			<div class="foot-top">
				<ul>
					<li>
						<img src="image/add.png" />
						<a href="#">预约维修服务</a>
					</li>
					<li>
						<img src="image/seven.png" />
						<a href="#">7天无理由退货</a>
					</li>
					<li>
						<img src="image/five.png" />
						<a href="#">15天免费换货</a>
					</li>
					<li>
						<img src="image/you.png" />
						<a href="#">满150包邮</a>
					</li>
					<li>
						<img src="image/add.png" />
						<a href="#">520余家售后网点</a>
					</li>
				</ul>
			</div>
			<div class="foot-middle">
				<div class="middle-left">
					<div class="middle-list">
						<ul>
							<li class="list-head">帮助中心</li>
							<li>
								<a href="#">账户管理</a>
							</li>
							<li>
								<a href="#">购物指南</a>
							</li>
							<li>
								<a href="#">订单操作</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">服务支持</li>
							<li>
								<a href="#">售后政策</a>
							</li>
							<li>
								<a href="#">自助服务</a>
							</li>
							<li>
								<a href="#">相关下载</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">线下门店</li>
							<li>
								<a href="#">道恩之家</a>
							</li>
							<li>
								<a href="#">服务网点</a>
							</li>
							<li>
								<a href="#">零售网点</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">关于道恩</li>
							<li>
								<a href="#">了解道恩</a>
							</li>
							<li>
								<a href="#">加入道恩</a>
							</li>
							<li>
								<a href="#">联系我们</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">关注我们</li>
							<li>
								<a href="#">新浪微博</a>
							</li>
							<li>
								<a href="#">官方微信</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">特色服务</li>
							<li>
								<a href="#">礼物码</a>
							</li>
							<li>
								<a href="#">防伪查询</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="middle-right">
					<div class="middle-text">
						<span class="number">400-100-5678</span><br />
						<span>周一至周日 8:00-18:00</span><br />
						<span>(仅收市话费)</span><br />
						<span class="customer"><a href="#">24小时在线客服</a></span>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footer-0">
				<div class="footer-left">
					<div class="footer-img">
						<img src="image/logo_top.png" />
					</div>
					<div class="footer-p">
						<p>道恩商城|MIUI|米聊|多看书城|道恩路由器|视频电话|道恩天猫店|道恩淘宝直营店|道恩网盟|道恩移动|隐私政策|Select Region</p><br />
						<p>@mi.com 京ICP证110507号 京ICP备10046444号京公网安备11010802020134号 京网文[2014]0059-0009号</p><br />
						<p> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					</div>
				</div>
				<div class="footer-right">
					<img src="IMDP/193ef991df6a9047ac6784e9550986c1.png" />
				</div>
			</div>
		</div>
		<script>
			var swiper = new Swiper('.swiper-container', {
				pagination: {
					el: '.swiper-pagination',
				},
			});
		</script>
	</body>

</html>